*{
			margin: 0;
			padding: 0;
		}

		html{

			background-color: #f5f5f5;

		}

/* ������ part1 */

		.head{
			width: 100%;
			height: 66px;
			position: fixed;
			z-index: 100000;
			background-color:white;
			top:0px;
		}

		.head-content{
			width: 1300px;
			height: 66px;
			margin: 0 auto;
		}

		.logo-img{
			width: 66px;
			height: 66px;
			position:relative;
			top:-1px;

		}

		.logo-text{
			position:relative;
			top:-1px;
		}


		.ul-head{
			width: 888px;
			position: relative;
			left: 320px;
			top: -70px;
			height: 66px;
			list-style: none;

		}

		.ul-head li{
			padding:0px 20px;
			line-height:66px;
			cursor:pointer;
		}


		.ul-head li{
			font-size: 14px;
			float: left;
		}

		.ul-head li:nth-child(1){
			margin-left: 36px;
		}

		.ul-head li:hover{
			background-color:#4f4f4f;
			color:white;
		}


/* ������  part2 */

		.head-right{
			height: 66px;
			width: 360px;
			position: relative;
			top: -140px;
			left: 890px;
			text-align: center;
			line-height: 66px;
			font-size: 14px;

		}

		.open li{
			cursor:pointer;
			height:66px;
			width:47px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 66px;
		}

		.portrait{
			width:55px;
			height:55px;
			border-radius:50%;
			position:absolute;
			right:0px;
			border-radius:50%;
			cursor:pointer;
			top:10px;
		}


/* ������ ������ */


		.dLogin{
			position:relative;
			height:165px;
			width:130px;
			background:white;
			left:885px;
			top:-143px;
			display:none;

		}

		.dRegister{
			position:relative;
			height:110px;
			width:130px;
			background:white;
			left:975px;
			top:-143px;
			display:none;
		}

		.dLogin-ul,.dRegister-ul,.open{
			list-style:none;
		}

		.dLogin-ul li,.dRegister-ul li{
			cursor:pointer;
			height:55px;
			width:130px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 55px;

		}

		.dLogin-ul li:hover,.dRegister-ul li:hover{
			background-color:#4f4f4f;
			color:white;
		}


		.dPersonal{
			position:absolute;
			height:55px;
			width:130px;
			background:white;
			left:1276px;
			top:60px;
			display:none;

		}

		.dPersonal-div{
			cursor:pointer;
			height:55px;
			width:130px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 55px;
		}

		.dPersonal-div:hover{
			background-color:#4f4f4f;
			color:white;
		}

		.tPersonal{
			position:absolute;
			height:55px;
			width:130px;
			background:white;
			left:1276px;
			top:60px;
			display:none;

		}

		.tPersonal-div{
			cursor:pointer;
			height:55px;
			width:130px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 55px;
		}

		.tPersonal-div:hover{
			background-color:#4f4f4f;
			color:white;
		}

		.mPersonal{
			position:absolute;
			height:55px;
			width:130px;
			background:white;
			left:1276px;
			top:60px;
			display:none;

		}

		.mPersonal-div{
			cursor:pointer;
			height:55px;
			width:130px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 55px;
		}

		.mPersonal-div:hover{
			background-color:#4f4f4f;
			color:white;
		}





		a{
			margin: 5px;
		}

		a:link {
			font-size: 14px;
			color: #000;
			text-decoration: none;
		}
		a:visited {
			font-size: 14px;
			color: #000;
			text-decoration: none;
		}

		.No7{
			width: 100%;
			height: 300px;
			background:#070e23;
			position:relative;
			top:240px;

		}

		.No7-1{
			width: 1140px;
			height: 188.8px;
			margin:0px auto;
			position:relative;
			top:30px;
			background:#070e23;
		}

		.map{
			width: 684px;
			height: 188.8px;
			background:#070e23;
			position:relative;
			top:30px;

		}

		.map dl{
		    font-size: 16px;
		    float: left;
		    text-align: center;
		}

		.No7-1-1{
			width: 171px;
			height: 108.8px;
			background:#070e23;
		}

		.map dt{
			margin-bottom: 16px;
			color: white;
			font-size: 18px;
		}


		.map dd,.map a{
			line-height: 32px;
			font-size: 16px;
			text-align: center;
			cursor: pointer;
			color:gray;

		}

		.map dd:hover{
			font-weight:500;
			color:white;

		}

		.map a:hover{
			font-weight:500;
			color:white;

		}

		.No7-1-2{
			width: 171px;
			height:108.8px;
			background:#070e23;
		}

		.No7-1-3{
			width: 171px;
			height: 108.8px;
			background:#070e23;
		}

		.No7-1-4{
			width: 171px;
			height: 108.8px;
			background:#070e23;
		}


		.bottom{
			width: 1140px;
			height: 66px;
			position: relative;
			top:30px;
			margin:0 auto;
			font-size: 12px;
		    line-height: 2.4;
		    background:#070e23;
		}

		.bottom-2{
			width: 1120px;
			height: 28.8px;
			text-align: left;
			background:#070e23;

		}

		.bottom-2 span{
			margin:0px 25px;
			color:gray;
		}

		.bottom-2 span:hover{
			cursor: pointer;
			color: #fff;
		}


		.left-logo{
			width:314px;
			height:108px;
			position:relative;
			left:733px;
			background:white;

		}


/* ������ */
		.edit-head{
			width:100%;
			height:333px;
			text-align: center;
			line-height:333px;
			position:relative;
			top:68px;
			background-image:url(../img/edit.jpg);
			background-size:100% 333px;
			color:white;
			font-size:23px;
		}

		.contant{
			width:100%;
			height:1888px;
			background:red;
		}

		.center{
			width:1140px;
			height:1888px;
			margin:0 auto;
			background:white;
			position:relative;
			top:100px;

		}

		.box-ul{
			float:left;
			list-style:none;


		}

		.box{
			width:253px;
			height:300px;
			margin:20px 10px;
			cursor:pointer;
			border:1px solid #4f4f4f;
			float:left;

		}

		.box-view{
			width:253px;
			height:222px;
			background:green;
			background-image:url(../img/course.jpg);
			background-size:253px 222px;
		}

		.box-text{
			width:227px;
			height:52px;
			background:white;
			padding:13px;
			line-height:50px;
			white-space: nowrap;
   			overflow: hidden;
   			text-overflow: ellipsis;

		}

		.box-text:hover{
			background:#4f4f4f;
			color:white;
		}

		.box:hover{
			top:10px;
			box-shadow:2px 8px 5px gray;
		}